<html>
	<head>
		<wicket:head>
		</wicket:head>
	</head>

	<body>
		<wicket:extend>
			<div style="width:800px;border:1px solid black;padding:20px;margin:20px;">
			    <div class="es-deptBanner" style="padding-bottom:15px;width:100%;border-bottom: 1px solid #dddddd;">
					<div style="width:90px;padding:2px 10px; background-color:#0100FB; color:#FFFFFF" class="es-softCornerAll">
						Academic Program
					</div>
					<h2 style="padding-bottom:5px;" wicket:id="currDispName">
						New Academic Program
					</h2>
					<div>Offered by <span wicket:id="univLink"></span></div>
				</div>
				<div style="font-size:18px;padding:15px;font-style=bold;text-align:center;">
					Academic Program Details
				</div>
				<form wicket:id="newCurrPage">
					<table style="width:700px;border:none;">
						<tr>
							<td style="border:none;text-align:right" width="33%">Name of the academic program</td>
							<td style="border:none;" width="67%">
								<input style="width:100%;border:1px solid #dddddd;" type="text" wicket:id="currName"/>
							</td>
						</tr>
						<tr>
							<td style="border:none;text-align:right" width="33%">Department</td>
							<td style="border:none;" width="67%">
								<select style="width:100%;border:1px solid #dddddd;" wicket:id="currDepartment">
									<option>Department of Electrical Engineering</option>
									<option>Department of Mechanical Engineerings</option>
									<option>Department of Civil Engineering</option>
								</select>
							</td>
						</tr>
						<tr>
							<td style="border:none;text-align:right" width="33%">Number of semesters</td>
							<td style="border:none;" width="67%">
								<input style="width:100%;border:1px solid #dddddd;" type="text" wicket:id="currSems"/>
							</td>						
						</tr>
						<tr>
							<td style="border:none;text-align:right" width="33%">Program Description</td>
							<td style="border:none;" width="67%">
								<textarea wicket:id="currDesc" style="width:100%;border:1px solid #dddddd;font-size:11px;line-height:13px;height:91px;">
								</textarea>
							</td>
						</tr>
					</table>
					<div style="width:160px;margin-left:auto;margin-right:auto;margin-top:30px;">
						<button type="submit" wicket:id="save" class="es-button ui-state-default ui-corner-all" style="margin-right:20px;">Save</button>
						<button type="submit" wicket:id="cancel" class="es-button ui-state-default ui-corner-all">Cancel</button>
					</div>
				</form>
			</div>		
		</wicket:extend>
	</body>
</html>